<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>人员组织管理系统</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="shortcut icon" href="../images/title.jpg">
		<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../css/global.css" media="all">
		<link rel="stylesheet" href="../css/main.css" />
		<link rel="stylesheet" href="../css/laypage.css" />
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="../datatables/media/css/jquery.dataTables.css">
		<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
		<link rel="stylesheet" href="../css/autocomplete.css" />
		<link rel="stylesheet" href="../css/styles.css" />
		<link rel="stylesheet" href="../css/themes/amethyst.css" />
		<link rel="stylesheet" href="../css/plugins.css" />
	<link rel="stylesheet" href="../css/bootstrap.css" />
		<style>
			tfoot input {
				width: 100%;
				padding: 3px;
				box-sizing: border-box;
			}
			table.dataTable{
				border-collapse:collapse;
			}
			.dataTable {
				text-align: center;
			}
		</style>

	</head>

	<body>
		<div class="layui-layout layui-layout-admin" >
			<!--头部导航-->
			<div class="layui-header header header-demo"></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side"></div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;padding:20px" id="admin-body">
				<div class="layui-input-inline">
					<select name="tags" id="tags">
						<option value="分类"selected="">分类标签</option>
						<option value="语义">语义标签</option>
					</select>
				</div>
				<div style="float: right;">
					<div class="layui-input-inline"style="float: left;">
						<select name="tagsearch" id="tagsearch">
							<option value="标签组"selected="">标签组</option>
							<option value="标签">标签</option>
						</select>
					</div>
					<div id="demo" style="float: right;margin-left: 5px;" >
						<div class="wrapper "style="margin-right: 80%;">
							<div id="search-form"></div>
						</div>
					</div>
				</div>
				
				<hr/ style="border-color: #858585;margin-top: 10px;">
					<div style="padding: 20px; background-color: #F2F2F2;">
						<div class="layui-row layui-col-space15">
							<div class="layui-col-md4">
      							<div class="layui-card">
        							<div class="layui-card-header" style="background-color:#77c0c2" >标签组</div>
        							<div class="layui-card-body">
							            <ul class="nav nav-pills nav-stacked">
							            	<li >
							            		<a>
							            		<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     										</div>
	     								        <strong>全选</strong>
	     										<button class="layui-btn layui-btn-xs layui-btn-primary deleteallTagGroup">
													批量删除
	  											</button>
	  											</a>
							            	</li>
											<li id="select-type-all" >
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>主管xx工作</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
												
											</li>
											<li id="select-type-open">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>角色分类</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
											<li id="select-type-private">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>年龄分段</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
											<li id="select-type-private">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>年龄分段</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
											<li id="select-type-private">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>年龄分段</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
									    </ul>
        							</div>
      							</div>
    						</div>
   							 <div class="layui-col-md8">
     							    <div class="layui-card">
	       							    <div class="layui-card-header"style="background-color:#77c0c2">标签</div>
	        						    <div class="layui-card-body">
									          <ul class="nav nav-pills nav-stacked">
									          	<li >
							            		<a>
							            		<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     										</div>
	     								        <strong>全选</strong>
	     										<button class="layui-btn layui-btn-xs layui-btn-primary deleteallTagGroup">
													批量删除
	  											</button>
	  											</a>
							            	</li>
											<li id="select-type-all" ">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>主管学生工作</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
											<li id="select-type-open">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>主管采购工作</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
											<li id="select-type-private">
												<a>
													<div class="layui-input-block">
	      												<input type="checkbox" name="like[read]" title="" checked="">
	     											</div>
													<strong>主管招生工作</strong>
													<div class="tagGroup">
														<button class="layui-btn layui-btn-xs layui-btn-primary editTagGroup">
														<i class="layui-icon">&#xe642;</i>
	  													</button>
	  													<button class="layui-btn layui-btn-xs layui-btn-primary deleteTagGroup">
	  													<i class="layui-icon">&#xe640;</i>
														</button>
													</div>
												</a>
											</li>
									    </ul>
	       							 	</div>
      								</div>
    						</div>
						</div>
					</div>

			</div>

		</div>
		<!--JS模块-->

		<script type="text/javascript" src="../layui/layui.js"></script>
		<script type="text/javascript" src="../js/jquery-1.10.2.js" ></script>
		<script src="../js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script src="../js/index.js"></script>
		<script type="text/javascript" src="../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../js/dateRange.js"></script>
		<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
	    <script type="text/javascript" src="../js/laypage.js" ></script>
	    <script type="text/javascript" src="../js/autocomplete.js" ></script>
	    <script type="text/javascript" src="../js/bootstrap.min.js" ></script>
		<script>
//获取搜索关键字
function getKeyword(){
	$('#search-form').autocomplete({
		width: 150,
		height: 35,
		onSubmit: function(text){
			searchKeyWords=text;
		    console.log(searchKeyWords);
		  	
		    
		}
	});
}

$(document).ready(function(){
	getKeyword();
})
		</script>
        
	</body>

</html>